<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="text/javascript" src="./assets/js/vue.js"></script>
    </head>
    <body>
    <h1>vue2.0实例</h1>
    <hr>
    <h2>第一、内部指令</h2>
    <ol>
        <li><a href="./example/ceshi.html">测试</a></li>
        <li><a href="./example/helloworld.html">hello world实例</a></li>
        <li><a href="./example/v-if-else-show.html">v-if&&v-else&&v-show</a></li>
        <li><a href="./example/v-for.html">v-for</a></li>
        <li><a href="./example/v-text-html.html">v-text && v-html</a></li>
        <li><a href="./example/v-on.html">v-on</a></li>
        <li><a href="./example/v-model.html">v-model 双向绑定</a></li>
        <li><a href="./example/v-bind.html">v-bind 数据源绑定</a></li>
        <li><a href="./example/v-pre-cloak-once.html">v-pre && v-cloak && v-once 实例</a></li>
    </ol>
    <h2>第二、全局API</h2>
    <ol>
        <li><a href="./example/vue.directive.html">vue.directive 自定义指令</a></li>
        <li><a href="./example/vue.extend.html">vue.extend 扩展实例构造器</a></li>
        <li><a href="./example/vue.set.html">vue.set 全局操作</a></li>
        <li><a href="./example/lifecycle.html">vue的生命周期</a></li>
        <li><a href="./example/template.html">template 三种制作模版方法</a></li>
        <li><a href="./example/component-1.html">component-1 组件</a></li>
        <li><a href="./example/component-2.html">component-2 组件</a></li>
        <li><a href="./example/component-3.html">component-3 组件</a></li>
        <li><a href="./example/component-4.html">component-4 组件</a></li>
        <li><a href="./example/component-5.html">component-5 兄弟组件传值</a></li>
    </ol>
    <h2>第三、构造器里的选项</h2>
    <ol>
        <li><a href="./example/propsData.html">propsData Option</a></li>
        <li><a href="./example/computed.html">computed Option  计算选项</a></li>
        <li><a href="./example/methods.html">methods Option 中参数的传递</a></li>
        <li><a href="./example/watch.html">watch Option 监控数据</a></li>
        <li><a href="./example/mixins.html">Mixins 混入选项操作</a></li>
        <li><a href="./example/extends.html">Extends Option  扩展选项 &&delimiters 改变{{}}插值形式</a></li>
    </ol>
    <h2>第四、实例和内置组件</h2>
    <ol>
        <li><a href="./example/example01.html">实例入门-实例属性---Jquery引入</a></li>
        <li><a href="./example/example02.html">实例方法--$mount挂载&$destroy() 卸载&$forceUpdate() 更新&$nextTick()数据修改</a></li>
        <li><a href="./example/example03.html">实例事件 $on $once执行一次 $off关闭</a></li>
        <li><a href="./example/example04.html">内置组件 -slot讲解</a></li>
    </ol>
    <h2>第五、案例</h2>
    <ol>
        <li><a href="./example/ceshi.html">测试练习</a></li>
        <li><a href="./example/pushSet.html">js不监控数组长度之set</a></li>
        <li><a href="./example/SiblingValue.html">兄弟组件之间互相传值</a></li>
    </ol>
    </body>
</html>